/* global React */
// Standings — championship table with live "drop worst N" + minimum-starts rules,
// so drivers who miss 1–3 races aren't sunk. Change the controls to trial any rule.
function StandingsScreen() {
const { StatTile, Card, Badge, Avatar, PositionBadge } = window.GT7LeagueDesignSystem_258437;
const D = window.GT7DATA;
const R = D.titleRules;
const PLAYED = R.completedRounds;
const [dropN, setDropN] = React.useState(R.dropWorst);
const [minStarts, setMinStarts] = React.useState(R.minStarts);
const computed = D.drivers.map(d => {
const slots = d.rounds.map(x => (x == null ? 0 : x)); // missed = 0
const starts = d.rounds.filter(x => x != null).length;
const raw = slots.reduce((a, x) => a + x, 0);
const keepCount = Math.max(1, slots.length - dropN);
const kept = [...slots].sort((a, b) => b - a).slice(0, keepCount);
const adjusted = kept.reduce((a, x) => a + x, 0);
return { ...d, slots, starts, raw, adjusted, dropped: raw - adjusted, eligible: starts >= minStarts };
});
const ranked = [...computed].sort((a, b) => (Number(b.eligible) - Number(a.eligible)) || (b.adjusted - a.adjusted));
const leader = ranked.find(d => d.eligible) || ranked[0];
const mostPoles = [...computed].sort((a, b) => b.poles - a.poles)[0];
const mostFL = [...computed].sort((a, b) => b.fl - a.fl)[0];
const eligibleCount = computed.filter(d => d.eligible).length;
let rank = 0;
const cols = '38px 42px 1fr 62px 64px 66px 92px 104px';
return (
{/* Rule controls */}
Drop worst rounds
setDropN(Number(v))} />
Min starts to be eligible
Rule
Best {Math.max(1, PLAYED - dropN)} of {PLAYED} rounds count · must start {minStarts}+ to win the title
{/* Table */}
Pos No Driver Starts Raw Dropped Counting Status
{ranked.map(d => {
const pos = d.eligible ? ++rank : null;
const isLeader = d.eligible && pos === 1;
return (
{pos ? — }
{d.name}
{d.poles > 0 && {d.poles} pole{d.poles > 1 ? 's' : ''} }
{d.fl > 0 && {d.fl} FL }
= minStarts ? 'var(--text-muted)' : 'var(--amber-400)' }}>{d.starts}/{PLAYED}
{d.raw}
0 ? 'var(--red-300)' : 'var(--text-faint)' }}>{d.dropped > 0 ? `-${d.dropped}` : '—'}
{d.adjusted}
{d.eligible ? Eligible : {minStarts - d.starts} more start{minStarts - d.starts > 1 ? 's' : ''} }
);
})}
How it works: a missed race scores 0; “drop worst” removes each driver’s lowest {dropN || 'N'} round{dropN === 1 ? '' : 's'} (which absorbs an absence). Drivers below the start minimum still race and score, but aren’t eligible for the championship.Tie-breakers: most feature wins → most total wins → most poles → most fastest laps → best finish in the season finale.
);
}
function FieldLabel({ children }) {
return {children}
;
}
function Segmented({ options, value, onChange }) {
return (
{options.map(o => {
const on = o === value;
return (
onChange(o)} style={{
minWidth: 40, padding: '7px 14px', border: 'none', cursor: 'pointer', borderRadius: 'var(--radius-xs)',
fontFamily: 'var(--font-mono)', fontSize: 13, fontWeight: 500,
background: on ? 'var(--brand)' : 'transparent', color: on ? '#fff' : 'var(--text-faint)', transition: 'background 120ms',
}}>{o}
);
})}
);
}
function Stepper({ value, set, lo, hi }) {
const btn = (label, onClick) => {label} ;
return (
{btn('–', () => set(Math.max(lo, value - 1)))}
{value}
{btn('+', () => set(Math.min(hi, value + 1)))}
);
}
window.StandingsScreen = StandingsScreen;